<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>中国成语大全</title>
    <style>
    h1{
        h1, b{
            color:red;
        }
        .list{
            /*@@ -18,11 +18,49 @@*/
            border: 1px solid gray;
            padding: 8px;
            border: 5px double red;
            padding: 10px;
            justify-content: space-around;
            width:500px;
        }
        .list>div{
            border: 1px solid gray;
            padding: 8px;
            min-width: 64px;
            word-break: keep-all;
        }
        a{
            color: gray;
</style>

</head>
<body><?php
$db=new PDO('mysql:host=localhost;dbname=db', 'root', '12qwas');
$count=$db->query("select count(*) from chengyu")->fetchColumn();//成语的总个数
$lanCount=4; //分栏的个数
$chengyuCountPerLan=5;//一个分栏包含成语的个数
$lanCount=11; //分栏的个数
$chengyuCountPerLan=25;//一个分栏包含成语的个数
$pageSize=$lanCount*$chengyuCountPerLan; //一个页面上显示成语的个数
$pageTotal=ceil($count/$pageSize);//页面的总数
$page=(int)$_GET['page']; //获取要看的页面页码
if($page<1)$page=1; //要保证当前页码是在合理的范围内
else if($page>$pageTotal)$page=$pageTotal;
$n=6;//当前页面左右侧，单侧的超链接个数
$n=25;//当前页面左右侧，单侧的超链接个数
$begin=$page-$n;//首个超链接的页码
$over=$page+$n;//最后一个超链接的页码
if($begin<1)$begin=1; //确保首个超链接的页码在合理的范围内
if($over>$pageTotal)$over=$pageTotal;//确保最后超链接的页码在合理的范围内
var_dump($page);
?>
<h1>中国成语大全</h1>
<div class="nav"><?php
?>
</div>
<div class="list">
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div class="list"><?php
        $ps=$db->prepare("select cy from chengyu limit ?,?");
        $ps->bindValue(1, ($page-1)*$pageSize, PDO::PARAM_INT);
        $ps->bindValue(2, $pageSize, PDO::PARAM_INT);
        $ps->execute();
        for($i=0; $i<$lanCount; ++$i){
            echo "<div>";
            for($j=1;$j<=$chengyuCountPerLan;++$j){
                echo "<div>{$ps->fetchColumn()}</div>";
            }
            echo "</div>";
        }
        ?>
    </div>
</body>
</html>